
body {

    font-family:'Droid Sans';
    font-size: 14px;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

h3 {
	color:#37AAD8;
}
/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#pagewrap {
	padding: 0px;
	width: 980px;        
	margin: 10px auto 0 auto;
        margin-top: 0px;
}
#header {   
    padding-top: 5px;
    height: 60px;
    background-color: #FFF;
    margin-bottom: 30px !important;
    /*border:1px solid olive;*/
}

#banner {
    
    padding-top: 5px;
    height:auto;
/*    border-style:solid;
    border-width:1px;     */
    /*border-color:#ccc;*/
    max-width:100%;
    clear:both;
}

#topbar {
    
    width: 980px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*border: 1px #CCC solid; */
    background-color:#E8E8E8;
    /*height: 45px;*/
    position: relative;
    float: left;
    clear: both;

    
    
      
}

#guiaweb {
    
    width:100%;
    margin-top: 5px;
    margin-bottom: 5px;
    /*height: 45px;*/
    position: relative;
    float: left;
    clear: both;    
    font-weight: normal;
/*        border-style:solid;
    border-width:1px;    
    border-color:#ccc;*/
   
 
      
}


#leftbar {
    
    padding: 3px;
    width: 197px;
    float: left;
}

#rightbar {
    
    padding: 3px;
    width: 197px;
    float: right;        
}

#content {
    
    padding: 3px;
    width: 567px;
    float: left;

}

#bottom {
    
    padding: 3px;
    height: 90px;
    clear: both;
}

#footer {
    
    background-repeat:repeat-x;
    padding: 3px;
    clear: both;
    background-color:#f0efef;
    width:100%;
    height:75px;
    border-top-color:#FF9933;
    border-top-width:4px;
    border-top-style: solid;
    text-align: center;
}

.p1 {
    
    width: 125px;
    height: 110px;
    margin: 5px;    
    float: left;
    border: 1px solid #CCC;
}



#header-left{
    
    width: 200px;
    float: left; 
      /*border: 1px solid blue;*/
    
}

.header-ajax{
    padding-top: 10px;
    float: left;
    width: 50px;
    height: 54px;
    /*border: 1px solid blue;*/
}

#header-center{
    color:#666;
    width: 365px;
    float: left; 
    /*border: 1px solid blue;*/
}

#header-right{
    
    width: 350px;
    float: right;   
    font-size: 12px;
    /*border: 1px solid red;*/
}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* para 1000px o menos */
/*@media screen and (max-width: 1000px) {
	
	#pagewrap {
		width: 98%;
	}
        
	#content {
		width: 57%;
                margin-left: 5px;
                margin-right: 5px;
	}
        
        #content_2 {
            float: left;
            position: relative;
		width: 100%;
                
                margin-left: 5px;
                margin-right: 5px;
	}
        
	#leftbar {
		width: 20%;
	}
        
        #rightbar {
		width: 20%;
	}
}

 para 700px o menos 
@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
                margin-left: 0px;
                margin-right: 0px;
	}
	#leftbar {
		width: auto;
		float: none;
	}
        
        #rightbar {
		width: auto;
		float: none;
	}

}

 para 480px o menos 
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#leftbar {
		display: none;
	}
        
        #rightbar {
		display: none;
	}
        
        #bottom {
		height: auto;
	}

}*/

/* borde & guideline (puedes ignorarlo) */
#content {
	background: #f8f8f8;
}
#leftbar {
	background: #f0efef;
}

#rightbar {
/*    background: #f0efef;*/
}

#header, #content, #leftbar, #rightbar,#bottom {
	margin-bottom: 5px; 
}
#pagewrap, #header, #content, #leftbar, #rightbar, #bottom, #footer {
	/*border: solid 1px #ccc;*/
        
        
        
}

.boxRegistrarme {
    clear:both; 
    text-align: center;
    margin-top:5px;
    
}

.boxCargarImg { 
    width:730px !important; 
    clear: both !important;
}
    


